<template>
  <div id="app">
    <StagewiseToolbar v-if="isDev" :config="stagewiseConfig" />
    <router-view />
  </div>
</template>

<script setup lang="ts">
import { inject, computed } from 'vue'

const stagewiseConfig = inject('stagewiseConfig')
const isDev = computed(() => import.meta.env.DEV)
</script>

<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
}

#app {
  height: 100%;
}
</style> 